<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="csrf-token" content="{{csrf_token()}}">
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="/746/js/modernizr.custom.js"></script>
	<link rel="stylesheet" type="text/css" href="/746/css/default.css" />
    <link rel="stylesheet" type="text/css" href="/746/css/component.css" />
	<title>{{config('app.webName')}}-{{$title}}</title>
	<LINK REL="SHORTCUT ICON" HREF="http://www.meilishuo.com/favicon.ico">
	<script type="text/javascript" src="/home/meilishuo/jquery-1.8.3.min.js"></script>
	<style>
		*{
			margin:0;
			padding:0;
			list-style:none;
		}
		body{
			font-size:12px;
			font-family:Arial;
		}

		a:hover{
			cursor:pointer;		
			color:#f69;
		}
		.topbar a:hover{
			position:relative;
			top:2px;
			left:2px;
		}

		a{
			text-decoration:none;
			color:black;
		}
		
		.topbar{
			border-bottom:1px solid #ccc;
			height:30px;
			width:100%;
			margin:0 auto;
		}
		.topbar ul{
			width:1200px;
			margin:0 auto;
		}
		.topbar ul li{
			float:right;
			border-right:1px dotted #ccc;
			height:20px;
			line-height:20px;
			font-size:12px;
			margin:5px auto;
			margin-left:15px;
		} 

		
		.search{
			width:1200px;
			height:120px;
			margin:0 auto;	
		}
		.search img{
			margin-top:34px;
			float:left;
		}

		.search123{
			float:left;
			margin:19px 140px;
		}

		.search1{
			width:520px;
			height:24px;
		}
		.search2{
			width:520px;
			height:32px;
			background:#FF6699;
			
		}
		.search3{
			width:520px;
			height:26px;
			
		}

		.goodsname{
			float:left;
			width:50px;
			height:24px;
			line-height:24px;
			text-align:center;
			background:#FF6699;
		}

		.input_submit,.shopname:hover,.goodsname:hover{
			cursor:pointer;
		}

		.shopname{
			float:left;
			width:50px;
			height:24px;
			line-height:24px;
			text-align:center;
			background:#F2F2F2;
		}

		.input_text{
			width:449px;
			/*height:28px;*/
			height:28px;
			border:2px solid #FF6699;
		}

		.search2 ul li{
			float:left;
		}

		.search2 ul li input[type="submit"]{
			width:67px;
			height:32px;
			background:#FF6699;
			border:0px solid #FF6699;
			color:white;
		}

		.search3 ul li{
			float:left;
			line-height:26px;
		}

		.nav{
			border-bottom:1px solid #FF6699;
		}

		.nav ul{
			width:1200px;
			height:50px;
			margin:0 auto;
		}

		.nav ul li{
			float:left;
			margin-left:20px;
			margin-right:25px;
			font-size:14px;
			font-weight:bolder;
			height:50px;
			line-height:50px;
		}
		/*.genduo_li{
			display:none;
			width:80px;
			background:red;
			position:absolute;
			left:670px;
			top:200px;
			z-index:10000;
		}*/
		.genduo_li li{
			height:30px;
			position:relative;
			top:-1px;
			
		}

		.content_zong{
			width:100%;
			height:;
		}

		.content{
			width:1200px;
			height:560px;
			/*background:red;*/
			margin:0 auto;
		}
		.fenlei{
			/*width: 288px;*/
			width: 23%;
			height: 558px;
			float:left;
			background: #F9f9f9;
			
			border: 1PX solid #EEEEEE;
		}
		.fenlei ul {
			overflow: hidden;
		}
		.fenlei ul li {
			overflow: hidden;
			height: 72px;
			border-bottom: 1px solid #EEEEEE;
		}
		.fenleiLeft {
			overflow: hidden;
		}
		.fenleiLeft dt {
			width: 40px;
			height: 64px;
			float: left;
			padding: 15px 0 0 15px;
			font-size: 14px;
			font-weight: bold;
		}
		.fenleiLeft dd {
			float: left;
			width: 220px;
			overflow: hidden;
		}
		.fenleiLeft dd a {
			margin: 15px 0 0 12px;
			float: left;
		}
		.fenleiLeft dd a:hover{
			color: #f69;
		}

		.content_right{
			float:right;
			width:76%;
			height:510px;
		}
		.image1234{
			width:910px;
			height:162px;
			float:right;
		}
		.image1234 .image_{
			width:217.5px;
			height:150px;
			background:pink;
			float:left;
			margin-top:12px;
			margin-left:5px;
			margin-right:5px;
		}
		.content_zong2{
			width:100%;
			margin-top:40px;
			height:100px;
			/*background:pink;*/
		}
		.content_goods_logo{
			width:1200px;
			/*height:500px;*/
			/*background:red;*/
			margin:0 auto;
		}
		.cate_top1{
			width:100px;
			height:40px;
			float:left;
			margin-right:10px;
			font-size:20px;
			font-weight:bolder;
		}
		.cate_top2{
			width:px;
			height:40px;
			float:left;
			margin-right:10px;
		}	
		.cate_top3{
			width:980px;
			height:40px;
			float:left;
			border-bottom:1px solid #ccc;
			float:right;
		}
		.cate_bottom{
			width:100%;
			height:340px;
			/*background:green;*/
			float:left;
			margin-top:20px;
		}
		.goods_logo{
			width:224px;
			height:340px;
			/*background:red;*/
			margin-left:8px;
			margin-right:8px;
			float:left;
			overflow:hidden;
		}
		.clear{
			clear:both;
			width:100px;
			height:0px;
		}
/*		.footer_zong{
			width:100%;
			height:;
			margin-top:40px;
			background:green;
		}
		.footer{
			width:1200px;
			height:;
			margin:0 auto;
		}*/
.footer_zong{
			width:100%;
			height:340px;
			border-top:1px solid #ddd;
			margin-top:40px;
			background:#f5f5f5;
		}
		.a{
			width:100px;
			height:40px;
			background:#f5f5f5;
		}
		.footer{
			width:1200px;
			height:250px;
			margin-top:100px;
			margin:0 auto;
		}
		.phone{
			width:230px;
			height:100px;
			float:left;
		}
		.phone1{
			float:left;
		}
		.phone2{
			width:180px;
			height:100px;
			float:right;
		}
		.phone3{

			font-size:20px;
			color:#666666;
			
		}
		.phone4{
			margin-top:6px;
			font-size:12px;
			color:#666;
		}
		.phone5{
			font-size:14px;
			color:#666;
			margin-top:6px;
		}
		.maijia{
			width:120px;
			height:130px;
			float:left;
		}
		.maijia1{
			width:90px;
			height:30;
			margin: 0 auto;
			font-size:17px;
			color:#666666;
			float:left;
		}
		.maijia2{
			width:70px;
			height:30;
			margin: 0 auto;
			font-size:12px;
			color:#666;
			float:left;
		}
		.er0{
			width:120px;
			height:180px;
			float:left;
			
		}
		.er{
			width:170px;
			height:180px;
			float:left;
			
		}
		.er2{
			width:160px;
			height:180px;
			
			float:left;
			
		}

		.yq{
			width:1200px;
			height:25px;
			margin:0 auto;
			
			float:left;
			border-top:1px solid #ddd;
			border-bottom:1px solid #ddd;
			color:#666;

		}
		.d{
			width:1200px;
			height:60px;
			margin:0 auto;
			float:left;
			color:#666;
		}
		/*小广告*/
		 #con
        {
            position: fixed;
            width:120px;
            height: 120px;
            border: 2px solid #EE5D86;
            overflow: hidden;
            bottom:0;
            left:0;
            z-index: 99;
        }
        #con ul
        {
            position: absolute;
            
            width:480px;
            height: 120px;

        }
        #con ul li
        {
            float:left;
            width: 120px;
            height: 120px;
        }
        #con ul li a img
        {
            width: 120px;
            height: 120px;
        }
        
        #sid
        {
            position: absolute;
            bottom:0;
            cursor:pointer;
            float: right;
            
        }
        #sid span
        {
            float: left;
            width:10px;
            height: 10px;
            text-align: center;
            line-height: 10px;
            background: #f00;
            color: white;
            border-radius: 50%;
            display: block;
            margin: 3px;
            opacity:0.2;
        }
        #guan
        {
            position:relative;
            float: right;
            width: 10px;
            height:10px;
            opacity:0.5;
        }
        #con:hover
        {
            border:3px solid red;
        }

		.footer .d{
			color:#666;
		} 
		.footer .d a{
			color:#666;
		} 
		.footer .d a:hover{
			color:#f69;
		} 
		@yield('css')
	</style>
	<!-- 侧边栏js start -->
	<script type="text/javascript">
	    $(function(){
	        $('.navRight li').mouseenter(function(){
	            $(this).children('span').css('transform','rotate(135deg)');
	        }).mouseleave(function(){
	            $(this).children('span').css('transform','rotate(-45deg)');
	        })
	        $('.fenlei ul li').mouseenter(function(){
	            $(this).stop().animate({'height':'289px'},300).siblings().stop().animate({'height':'44px'},300);
	            $(this).siblings().css('background','#F5F5F5');
	            $('.fenleiright').fadeTo(0,0.8).stop().animate({'width':'289px'},300);
	        }).mouseleave(function(){
	            $('.fenlei ul li').stop().animate({'height':'72px'},300)
	            $(this).siblings().css('background','#ffffff');
	        });
	        $('.navLeft').mouseleave(function(){
	            $('.fenleiright').stop().animate({'width':'0px'},300);
	        })
	    })
	</script>
	<link rel="stylesheet" type="text/css" href="/home/meilishuo/css/jquery.slider.css" />
	<script src="/home/meilishuo/js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="/home/meilishuo/js/jquery.slider.min.js"></script>
	<!-- 侧边栏js end -->
	<!-- 轮播图js start-->
	<script type="text/javascript">
	jQuery(document).ready(function ($) {
		$(".slider").slideshow({
			width: 910,
			height: 398,
			transition: ['bar', 'Rain', 'square', 'squareRandom', 'explode']
		});
	});
	</script>
	<!-- 轮播图js end -->
</head>
<body style="background:white;">
	<!-- 头部start -->
	<div class="header">
		<!-- 头部第一部分 start -->
<!-- 		<div class="topbar">
			<ul>
				<li style="border:0px solid #FF6699;"><a href="">&nbsp;帮助中心&nbsp;</a></li>
				<li><a href="">&nbsp;下载app&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;我的购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;QQ登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;微信登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
			</ul>
		</div> -->
		<div class="topbar">
			<ul>
				<li style="border:0px solid #FF6699;"><a href="">&nbsp;帮助中心&nbsp;</a></li>
				<li><a href="">&nbsp;下载app&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				@if(session('username')&&session('yonghu')==1)
				<li><a href="">&nbsp;我的订单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/details/car}}">&nbsp;我的购物车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/user/push">退出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/user/details">尊敬的:{{session('username')}}用户&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/user/details">个人中心&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				@elseif(session('name')&&session('maijia')==1)
				<li><a href="/home/user/push">退出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/seller/details">尊敬的:{{session('name')}}卖家&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/seller/details">&nbsp;商家中心&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				@else
				<li><a href="/home/user/add">&nbsp;注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="/home/user/denglu">&nbsp;登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;QQ登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				<li><a href="">&nbsp;微信登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				@endif
				@if(session('quanxian')==2)
						<li><a href="/admin/index/index">&nbsp;后台首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
				@endif
			</ul>
		</div>
		<!-- 头部第一部分 end -->
		<!-- 头部第二部分 search start -->
		<div class="search">
			<form action="/home/index/search" method="post">
			{{csrf_field()}}
			<a href="/home/index/index"><img src="/home/meilishuo/pic/735e2614e3911e621f0446e54597_204_52.c5.png"></a>
			<div class="search123">	
				<div class="search1">
					<div class="goodsname">宝贝</div>
					<div class="shopname">店铺</div>
				</div>
				<div class="search2">
					<ul>
						<li><input type="text" class="input_text" style="width:449px;height:32px;border:2px solid #f69;" ></li>
						<li><input type="submit" class="input_submit" value="搜索"></li>
					</ul>
				</div>
				<div class="search3">
					<ul>
						<li><a href="" style="color:#FF6699;">连衣裙&nbsp;</a></li>
						<li><a href="">&nbsp;拖鞋&nbsp;</a></li>
						<li><a href="">&nbsp;短裤&nbsp;</a></li>
						<li><a href="" style="color:#FF6699;">&nbsp;套装&nbsp;</a></li>
						<li><a href="">&nbsp;泳衣&nbsp;</a></li>
						<li><a href="">&nbsp;长裙&nbsp;</a></li>
						<li><a href="">&nbsp;睡衣&nbsp;</a></li>
						<li><a href="" style="color:#FF6699;">&nbsp;凉鞋&nbsp;</a></li>
						<li><a href="">&nbsp;双肩包&nbsp;</a></li>
						<li><a href="">&nbsp;帽子&nbsp;</a></li>
					</ul>
				</div>
			</div>
			</form>
		</div>
		<!-- 头部第二部分 search end -->
		<div class="nav">
			<ul>
				<li><a href="/home/index/index">首页</a></li>
				<li><a href="">最热</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[0]->id}}"><!-- 上衣 -->{{$cateinfo[0]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[1]->id}}"><!-- 裙子 -->{{$cateinfo[1]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[2]->id}}"><!-- 裤子 -->{{$cateinfo[2]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[3]->id}}"><!-- 鞋子 -->{{$cateinfo[3]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[4]->id}}"><!-- 包包 -->{{$cateinfo[4]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[5]->id}}"><!-- 配饰 -->{{$cateinfo[5]->name}}</a></li>
				<li class="genduo"><a>更多</a></li>	
				<li class="hi"><a href="" style="color:#FF6699;">Hi范儿</a></li>
			</ul>
		</div>
		<!-- 隐藏的li -->
		<div class="genduo_li">
			<ul>
				<li><a href="/home/index/index2/{{$cateinfo[6]->id}}">{{$cateinfo[6]->name}}</a></li>
				<!-- <li><a href="/home/index/index2/{{$cateinfo[7]->id}}">{{$cateinfo[7]->name}}</a></li> -->
				<li><a href="/home/index/index2/{{$cateinfo[8]->id}}">{{$cateinfo[8]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[9]->id}}">{{$cateinfo[9]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[10]->id}}">{{$cateinfo[10]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[11]->id}}">{{$cateinfo[11]->name}}</a></li>
				<li><a href="/home/index/index2/{{$cateinfo[12]->id}}">{{$cateinfo[12]->name}}</a></li>
			</ul>
		</div>
	</div>
	<!-- 头部end -->
	
	<!-- 中start -->
	<div class="clear"></div>

	@yield('content')
	<!-- 中end -->
	<div class="clear"></div>
<!-- 
	<div class="footer_zong">
		<div class="footer">
			<div>
				<table>
				<hr>
					<tr>
					<td>友情链接:</td>
						@foreach ($links as $link)
							<td style="width:60px;font-size:12px;text-align:center;"><a href="http://{{$link -> url}}" title="{{$link -> content}}">{{$link -> name}}</a></td>
	               		@endforeach
               		</tr>	
				</table>
				
			</div>
			<br>
			<div>
				Copyright ?2016 Meilishuo.com <a>电信与信息服务业务经营许可证100798号</a><a> 经营性网站备案信息</a>  <a>京ICP备11031139号</a>  京公网安备110108006045 <br><br>
				客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762  违法不良信息举报中心 我最喜爱的人民警察评选>> 反诈骗信息
				<br><br><br><br><br>
			</div>
		</div>
	</div>
 -->
		<div class="footer_zong">
			<div class="a"></div>
			<!-- <div class="footer">
				<div class="phone"><div class="phone1"><img src="/common/images/20160629220808.png"></div><div class="phone2"><div class="phone3">4000-800-577</div><div class="phone4">美丽说客服热线</div><div class="phone5">周一至周日：09:00-22:00</div></div></div>
				<div class="maijia"><div class="maijia1"><b>买家服务</b></div><div class="maijia2">新手指南</div><div class="maijia2">服务保障</div><div class="maijia2">帮助中心</div></div>
				<div class="maijia"><div class="maijia1"><b>商家帮助</b></div><div class="maijia2">商家入驻</div><div class="maijia2">商家推广</div><div class="maijia2">商家推广</div></div>
				<div class="maijia"><div class="maijia1"><b>关于我们</b></div><div class="maijia2">关于美丽说</div><div class="maijia2">联系我们</div><div class="maijia2">加入美丽说</div></div>
				<div class="er0"><img src="/common/images/20160629225203.png"></div>
				<div class="er"><img src="/common/images/20160629224756.png"></div>
				<div class="er2"><img src="/common/images/20160629225000.png"></div>
				<div class="yq" style="height:30px;line-height:30px;">
					
					<table>
				
					<tr>
					<td>友情链接:</td>
						@foreach ($links as $link)
							<td style="width:60px;font-size:12px;text-align:center;"><a href="http://{{$link -> url}}" title="{{$link -> content}}">{{$link -> name}}</a></td>
	               		@endforeach
               		</tr>	
				</table>
				<br>
				</div><br><br>
				<div class="d" style="height:30px;line-height:30px;">
					Copyright ?2016 Meilishuo.com <a >电信与信息服务业务经营许可证100798号</a><a > 经营性网站备案信息</a>  <a>京ICP备11031139号</a>  京公网安备110108006045 <br>
					客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762  违法不良信息举报中心 我最喜爱的人民警察评选>> 反诈骗信息
					<br><br><br><br><br>
				</div>
			</div> -->
			<div class="footer">
				<div class="phone"><div class="phone1"><img src="/common/images/20160629220808.png"></div><div class="phone2"><div class="phone3">4000-800-577</div><div class="phone4">美丽说客服热线</div><div class="phone5">周一至周日：09:00-22:00</div></div></div>
				<div class="maijia"><div class="maijia1"><b>买家服务</b></div><div class="maijia2">新手指南</div><div class="maijia2">服务保障</div><div class="maijia2">帮助中心</div></div>
				<div class="maijia"><div class="maijia1"><b>商家帮助</b></div>
					
				@if(session('name')&&session('maijia')==1)
				<div class="maijia2"><a  style="color:#f69;" href="/home/seller/details}}">商家中心</a></div>
				@else
				<div class="maijia2"><a  style="color:#f69;" href="/home/seller/add">商家注册</a></div>
				<div class="maijia2"><a  style="color:#f69;" href="/home/seller/denglu">商家登录</a></div>

				@endif
			
				

				<div class="maijia2">商家推广</div><div class="maijia2">帮助中心</div></div>
				<div class="maijia"><div class="maijia1"><b>关于我们</b></div><div class="maijia2">关于美丽说</div><div class="maijia2">联系我们</div><div class="maijia2">加入美丽说</div></div>
				<div class="er0"><img src="/common/images/20160629225203.png"></div>
				<div class="er"><img src="/common/images/20160629224756.png"></div>
				<div class="er2"><img src="/common/images/20160629225000.png"></div>
				<div class="yq" style="line-height:25px;">友情连接：
					@foreach($links as $k=>$v)
						<a href="{{$v->url}}">{{$v->name}}</a>&nbsp;&nbsp;
					@endforeach
				</div>
				<div class="d">
					Copyright ©2016 Meilishuo.com <a style="color:#666;">电信与信息服务业务经营许可证100798号</a><a style="color:#666;"> 经营性网站备案信息</a>  <a style="color:#666;">京ICP备11031139号</a>  京公网安备110108006045 <br>
					客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762  违法不良信息举报中心 我最喜爱的人民警察评选>> 反诈骗信息
					<br><br><br><br><br>
				</div>
			</div>
		</div>




	<script>
		// alert($);
		//搜索宝贝店铺
		$('.goodsname').css('background','#F69');
			$('.goodsname').css('color','white');
			$('.shopname').css('background','#f2f2f2');
			$('.shopname').css('color','black');
			$('.input_text').attr('name','goodsname');

		$('.goodsname').on('click',function(){
			$('.goodsname').css('background','#F69');
			$('.goodsname').css('color','white');
			$('.shopname').css('background','#f2f2f2');
			$('.shopname').css('color','black');
			$('.input_text').attr('name','goodsname');
		});
		$('.shopname').on('click',function(){
			$('.goodsname').css('background','#f2f2f2');
			$('.goodsname').css('color','black');
			$('.shopname').css('background','#f69');
			$('.shopname').css('color','white');
			$('.input_text').attr('name','shopname');
		})

		//隐藏的 更多 模块的属性
		var t =$('.genduo').offset().top + 50;
		var l =$('.genduo').offset().left -25;
		$('.genduo_li').css('display','none');
		$('.genduo_li').css('width','80px');
		$('.genduo_li').css('height','30px');
		$('.genduo_li').css('line-height','30px');
		$('.genduo_li').css('text-align','center');
		$('.genduo_li').css('position','absolute');
		$('.genduo_li').css('top',t);
		$('.genduo_li').css('left',l);
		$('.genduo_li').css('z-index','100000');
		$('.genduo_li').css('border','1px solid white');
		$('.genduo_li ul li').css('background','white');

		//鼠标移入移出  更多 时的事件	
		$('.genduo').on('mouseover',function(){
			$('.genduo_li').css('display','block')
		});
		$('.genduo').on('mouseout',function(){
			$('.genduo_li').css('display','none')
		});
		$('.genduo_li').on('mouseover',function(){
			$('.genduo_li').css('display','block')
		});
		$('.genduo_li').on('mouseout',function(){
			$('.genduo_li').css('display','none')
		});

		$('.genduo_li ul li').on('mouseover',function(){
			$(this).css('background','#f2f0f0');
		});
		$('.genduo_li ul li').on('mouseout',function(){
			$(this).css('background','white');
		});
		$('.hi').on('mouseover',function()
		{
			$('.hi a').css('style','color:red;');
		})
	</script>
</body>
</html>